<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>layui在线调试</title>
  <link rel="stylesheet" href="../../static/lib/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../static/css/element.css"/>
  <script src="../../static/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="../../static/js/vue.js"></script>
  <script src="../../static/js/element.js"></script>
  <script src="../../static/js/axios.js"></script>
  <script src="../../static/js/requestjs.js"></script>
  <script src="../../static/lib/layui/layui.js"></script>
  <style>
    body{margin: 10px;}
    .demo-carousel{height: 200px; line-height: 200px; text-align: center;}
  </style>
</head>
<body>
<div id="q-app">


  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>问题审核</span>
      <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
    </div>
    <div v-for="o in 1" :key="o" class="text item">
      <template>
        <el-table :data="tableData" border style="width: 100%">
          <el-table-column fixed prop="date" label="日期" width="150">
          </el-table-column>
          <el-table-column prop="name" label="姓名" width="120">
          </el-table-column>
          <el-table-column prop="province" label="省份" width="120">
          </el-table-column>
          <el-table-column prop="city" label="市区" width="120">
          </el-table-column>
          <el-table-column prop="address" label="地址" width="300">
          </el-table-column>
          <el-table-column prop="zip" label="邮编" width="120">
          </el-table-column>
          <el-table-column fixed="right" label="操作" width="100">
            <template slot-scope="scope">
              <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
              <el-button type="text" size="small">编辑</el-button>
            </template>
          </el-table-column>
        </el-table>
      </template>
    </div>
  </el-card>
</div>

<script type="text/javascript">
  var app = new Vue({
    el:"#q-app",
    data:{
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }]
    },
      methods:{
      handleClick(row){
        console.log(row)
      }
    }
  })


</script>

</body>
</html>
        